.clearfix:before,
.clearfix:after {
  display: table;
  content: " ";
}

.clearfix:after {
  clear: both;
}

.el-loading-mask {
  background-color: #F5F6F7 !important;
}

.pull-left {
  float: left !important;
}

.pull-right {
  float: right !important;
}

.el-pagination {
  padding: 50px 0px 10px 0px;
  font-weight: 400;
  color: #666;
}

.m-ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.container {
  width: 1200px;
  margin: 0 auto;
  // padding: 0 10px;
}

.wrap {
  background-color: #F5F6F7 !important;
}

@media only screen and (max-width: 767px) {
  .container {
    width: 100%;
  }
}

.pop-user-info {
  cursor: pointer;
  min-width: auto;
  padding: 0;
  width: 160px !important;

  li {
    color: #999;
    padding: 8px 10px;

    &:hover {
      background-color: #e6f7ff;
    }

    i {
      margin-right: 10px;
      vertical-align: middle;
    }
  }
}

font[size="1"] {
  font-size: 12px !important;
}

font[size="2"] {
  font-size: 14px !important;
}

font[size="3"] {
  font-size: 18px !important;
}

font[size="4"] {
  font-size: 22px !important;
}

font[size="5"] {
  font-size: 64px !important;
}

font[size="6"] {
  font-size: 72px !important;
}

font[size="7"] {
  font-size: 100px !important;
}